- 下载安装Node.js,输入
node -v
查看是否安装成功。因为新版的Node.js已经集成了npm,所以无需另外下载。npm -v
查看npm是否安装成功。 安装Angular CLI并创建新项目,该链接为官方网站,可以在该网站上查看相关命令行。
常用命令:- 安装Angular CLI:
npm install -g @angular/cli
,安装完成后可用ng version
或者ng v
查看版本号。 - 创建新项目:
ng new 项目名称
。 - 编译构建项目,保存在“project”路径下,缺省则在“dist/”中:
ng build [project]
- 创建components、routes、services和pipes:
ng generate
。 - 本地测试项目,默认路径为http://localhost:4200/ :
ng serve
- 单元测试:
ng test
- End-to-end测试:
ng e2e
angular-cli vs @angular/cli:
- @angular/cli是新版本,它的命名和Angular 2的模块命名一致,比如:@angular/common和@angular/router。
- @angular/cli 需要Node 6.9.0或者以上版本,但是angular-cli 在Node 4或者以上版本即可,所以@angular/cli 在Node 4没法工作。
- 安装Angular CLI:
- 运行
ng serve
之后在浏览器打开http://localhost:4200/ 能出现以下网站即说明项目创建成功。 - 项目相关信息文件angular.json:
Polyfills的目的就是使得网页能够在不同浏览器兼容,可以利用的跨浏览器Polyfills列表
参考文档:
NodeJS、NPM安装配置步骤(windows版本)
01-Angularjs开发环境搭建
nodeJS入门——新建一个项目及代码详解